<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default tabs">
                <ul class="nav nav-tabs nohref" role="tablist">
                    <li style="min-width: 150px;" ng-class="{'active':'tabInfo' == currentTabId}" ng-click="selectTab('tabInfo')">
                        <a href="javascript:void(0)" role="tab" data-toggle="tab">{{'科目基本信息' | dyLanguage}}</a>
                    </li>
                    <li style="min-width: 150px;" ng-class="{'active':'tabExerciseQuickConfig' == currentTabId}" ng-click="selectTab('tabExerciseQuickConfig')">
                        <a href="javascript:void(0)" role="tab" data-toggle="tab">{{'快速配置' | dyLanguage}}</a>
                    </li>
                    <li style="min-width: 150px;" ng-class="{'active':'tabExerciseConfig' == currentTabId}" ng-click="selectTab('tabExerciseConfig')">
                        <a href="javascript:void(0)" role="tab" data-toggle="tab">{{'匹配配置' | dyLanguage}}</a>
                    </li>
                </ul>
                <div class="panel-body tab-content">
                    <div class="panel-footer" style="text-align: right;">
                        <h3 class="panel-title" style="float: left;"><strong>{{'当前页面的操作' | dyLanguage}}</strong></h3>
                        <button class="btn btn-info" ng-click="saveExercise()"><i class="fa"></i>{{'保存' | dyLanguage}}</button>
                    </div>
                    <div class="tab-pane" ng-class="{'active':'tabInfo' == currentTabId}" id="tabInfo">
                        <div class="panel panel-default">
                            <div class="panel-body table-responsive">
                                <div class="row">
                                    <div>
                                        <form class="form-horizontal" name="validForm" novalidate>
                                            <div class="panel-default">
                                                <div class="panel-body panel-dialog">
                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'图片' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="profile-image">
                                                                <img style="min-height: 50px;min-width: 50px;max-width: 100px;max-height: 100px;" ng-src="{{learningMapExerciseDetail.picture | faceUrl}}" ngf-select
                                                                     ngf-change="uploadExerciseImage($files)" ngf-pattern="'image/*'" ngf-accept="'image/*'"
                                                                     ngf-max-size="20MB" ngf-min-height="100" ngf-resize="{width: 1000, height: 1000}" style="cursor: pointer"/>
                                                            </div>
                                                            <span class="help-block">{{'请上传图片' | dyLanguage}}<i style="cursor: pointer; "><span ng-show="showPictureProgress">({{pictureProgress.value}}%)</span></i></span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'名称' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="text" class="form-control" name="name" ng-model="learningMapExerciseDetail.name" required/>
                                                            </div>
                                                            <span class="help-block" ng-show="(addSCForm.name.$untouched && !addSCForm.$submitted) || addSCForm.name.$valid">{{'请输入名称' | dyLanguage}}</span>

                                                            <div ng-show="(addSCForm.name.$touched || addSCForm.$submitted ) && addSCForm.name.$invalid">
                                                                <span class="error-block" ng-show="addSCForm.name.$error.required">{{'必须要输入名称' | dyLanguage}}</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'排序' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="number" class="form-control" name="sort" ng-model="learningMapExerciseDetail.sort" required/>
                                                            </div>
                                                            <span class="help-block" ng-show="(addSCForm.name.$untouched && !addSCForm.$submitted) || addSCForm.name.$valid">{{'请输入名称' | dyLanguage}}</span>

                                                            <div ng-show="(addSCForm.name.$touched || addSCForm.$submitted ) && addSCForm.name.$invalid">
                                                                <span class="error-block" ng-show="addSCForm.name.$error.required">{{'必须要输入名称' | dyLanguage}}</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'描述' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <textarea class="form-control" rows="5" ng-model="learningMapExerciseDetail.remark"></textarea>
                                                            <span class="help-block">{{'请输入描述' | dyLanguage}}</span>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" ng-class="{'active':'tabExerciseQuickConfig' == currentTabId}" id="tabExerciseQuickConfig">
                        <div class="panel panel-default">
                            <div class="panel-body table-responsive">
                                <div class="row">
                                    <div>
                                        <form class="form-horizontal" name="validForm" novalidate>
                                            <div class="panel-default">

                                                <div class="panel-body panel-dialog">
                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'题目数' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="number" class="form-control" name="randomTopicNum" ng-model="learningMapExerciseDetail.randomTopicNum"/>
                                                            </div>
                                                            <span class="help-block">{{'随机抽取的题目数（默认是所有题目）' | dyLanguage}}</span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'及格线' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="number" class="form-control" name="name" ng-model="learningMapExerciseDetail.passingScore"/>
                                                            </div>
                                                            <span class="help-block">{{'请输入及格线，默认是60分' | dyLanguage}}</span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label"></label>

                                                        <div class="col-md-6">
                                                            <js-xls onread="readWB" onerror="error" class="fileinput btn-info" title="{{'上传微帮格式文件' | dyLanguage}}"></js-xls>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane" ng-class="{'active':'tabExerciseConfig' == currentTabId}" id="tabExerciseConfig">
                        <div class="panel panel-default">
                            <div class="panel-body table-responsive">
                                <div class="row">
                                    <div>
                                        <form class="form-horizontal" name="validForm" novalidate>
                                            <div class="panel-default">
                                                <div class="panel-body panel-dialog">

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'题目数' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="number" class="form-control" name="randomTopicNum" ng-model="learningMapExerciseDetail.randomTopicNum"/>
                                                            </div>
                                                            <span class="help-block">{{'随机抽取的题目数（默认是所有题目）' | dyLanguage}}</span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'及格线' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="number" class="form-control" name="name" ng-model="learningMapExerciseDetail.passingScore"/>
                                                            </div>
                                                            <span class="help-block">{{'请输入及格线' | dyLanguage}}</span>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'当前测试题信息' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12 control-label" style="text-align: left;">
                                                            <div class="input-group" ng-show="!!learningMapExerciseDetail.quizTemplateName">
                                                                <ul>
                                                                    <li>{{'名称：' | dyLanguage}}{{learningMapExerciseDetail.quizTemplateName}}</li>
                                                                    <li>{{'编码：' | dyLanguage}}{{learningMapExerciseDetail.quizTemplateCode}}</li>
                                                                </ul>
                                                            </div>
                                                            <div class="input-group" ng-show="!learningMapExerciseDetail.quizTemplateId">
                                                                <span style="color: red;">{{'无' | dyLanguage}}</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 col-xs-12 control-label">{{'匹配测试题' | dyLanguage}}</label>

                                                        <div class="col-md-6 col-xs-12">
                                                            <div class="input-group">
                                                                <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                                                <input type="text" class="form-control" ng-model="quizKey" placeholder="{{'输入测试题名称或编码, 点击搜索进行查询' | dyLanguage}}"/>
                                                            </div>
                                                        </div>
                                                        <button class="btn btn-primary" ng-click="queryQuiz()"><i class="fa fa-search"></i>{{'搜索' | dyLanguage}}</button>
                                                    </div>

                                                    <div class="form-group" ng-repeat="quiz in quizResult">
                                                        <label class="col-md-3 col-xs-12 control-label"></label>

                                                        <div class="col-md-6 col-xs-12 control-label" style="text-align: left">
                                                            <div class="input-group">
                                                                <ul>
                                                                    <li>{{'名称：' | dyLanguage}}{{quiz.name}}</li>
                                                                    <li>{{'编码：' | dyLanguage}}{{quiz.code}}</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <button class="btn btn-info" ng-click="configQuiz(quiz)"><i class="fa fa-plus"></i>{{'匹配' | dyLanguage}}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="panel-footer" style="text-align: right;">
                        <h3 class="panel-title" style="float: left;"><strong>{{'当前页面的操作' | dyLanguage}}</strong></h3>
                        <button class="btn btn-info" ng-click="saveExercise()"><i class="fa"></i>{{'保存' | dyLanguage}}</button>
                    </div>
                </div>

            </div>

        </div>

    </div>

    <!-- END PAGE CONTENT WRAPPER -->
</div>
